<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%--
  Created by IntelliJ IDEA.
  User: weig
  Date: 8/23/16
  Time: 3:21 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>$Title$</title>
</head>
<body>
<a href="?lang=en">en</a> | <a href="?lang=zh">zh</a>
<spring:message code="label.title"/>
$END$
</body>
</html>
<script>

    var $chart =
            $("<div></div>").addClass("chart dashboard-chart-div").attr('id', 'mac').append(
                    $("<div></div>").attr("style", "min-height:0;").append(
                            $("<div></div>").addClass('dashboard-chart-title').append(
                                    $("<p></p>").addClass("dashboard-chart-name").text("OEE 近期趋势"))).append(
                            $("<div></div>").addClass('col-md-12').attr("style", 'padding: 20px;').append(
                                    $("<div></div>").addClass("chart-line-width").append(
                                            $("<div></div>").addClass("chartContainer hidden chart-service-choose").append(
                                                    $("<div></div>").attr({id:"indexparam",style:"width: 100%;height: 30px;color:#000"}).append(
                                                            $("<div></div>").addClass("radio selected").attr("data-name",'oee').text("OEE")).append(
                                                            $("<div></div>").addClass("radio").attr("data-name",'availability').text("AVAILABILITY")).append(
                                                            $("<div></div>").addClass("radio").attr("data-name",'quality').text("QUALITY")).append(
                                                            $("<div></div>").addClass("radio").attr("data-name",'performance').text("PERFORMANCE")))).append(
                                            $("<div></div>").attr({"id": "serviceLine", "style": "padding"}).addClass("dx-visibility-change-handler")))).append(
                            $("<div></div>").addClass("row chart-line-row").append(
                                    $("<div></div>").addClass("col-md-6").attr("style", "padding-left: 0;").append(
                                            $("<div></div>").addClass("chart-line-width").append(
                                                    $("<div></div>").attr({id: "workStatePieChart",style: "padding: 20px;"}).addClass("dx-visibility-change-handler")))).append(
                                    $("<div></div>").addClass("col-md-6").attr("style", "padding-left: 0;").append(
                                            $("<div></div>").addClass("chart-line-width").append(
                                                    $("<div></div>").attr({id: "idleReasonBarChart", style: "padding: 20px;"}).addClass("dx-visibility-change-handler"))
                                    )
                            )
                    )
            );

    var staticLine= $("<div></div>").attr("style",'position: static;');
    for (var i =0;i++;i<24){
        staticLine.append($("<div></div>").attr("style","width:4.1666%;float:left;").text(i<9||i==9?"0"+i:i));
    }

    var $chart_tow = $("<div></div>").addClass("chart dashboard-chart-div").attr('id', 'mac').append(
            $("<div></div>").attr("style", "min-height:0;").append(
                    $("<div></div>").addClass('dashboard-chart-title').append(
                            $("<p></p>").addClass("dashboard-chart-name").text("维修状态时间线"))).append(
                    $("<div></div>").attr("style", 'padding: 20px;').append(
                            $("<div></div>").addClass('dashboard-chart-line').attr("style","height:102px;").append(
                                    $("<div></div>").addClass("static-line-border").attr({id:"failureLine",style:'height: 40px;'})).append(
                                    staticLine)).append(
                            $("<div></div>").addClass("chart-table-border").append(
                                    $("<table></table>").addClass("table").attr("id","downTimeTable").append(
                                            $("<thead></thead>").append(
                                                    $("<tr></tr>").append(
                                                            $('<th></th>').text(<spring:message code="label.start.time"/>)).append(
                                                            $('<th></th>').text(<spring:message code="label.end.time"/>)).append(
                                                            $('<th></th>').text(<spring:message code="label.tenant.fault.model"/>)).append(
                                                            $('<th></th>').text(<spring:message code="label.reason"/>)).append(
                                                            $('<th></th>').text(<spring:message code="label.tenant.repair.personnel"/>)))))).append(
                            $("<div></div>").addClass("row chart-line-row").attr("style",'margin:0').append(
                                    $("<div></div>").addClass("col-md-6").attr("style","padding-left:0;").append(
                                            $("<div></div>").addClass("chart-line-width").append(
                                                    $("<div></div>").addClass("dx-visibility-change-handler").attr("id","mttrBarChart")))).append(
                                    $("<div></div>").addClass("col-md-6").attr("style","padding-left:0;").append(
                                            $("<div></div>").addClass("chart-line-width").append(
                                                    $("<div></div>").addClass("dx-visibility-change-handler").attr("id","mtbrBarChart"))
                                    )
                            )
                    )
            )
    );
























</script>